<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Mitt Web-anbud</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	window.addEventListener("hashchange",function(){
		var id = window.location.hash;
		var id = id.replace("#","");
		$.ajax({
		  url: "enslags.php",
		  type: "GET",
		  data: "id="+id,
		  success: function(){
			//what to do, what to do...?
		  }
		});
		
	});
	
});  
</script>
<script src="_js/jsScript.js" ></script>
<style type="text/css">

#wrapper{
	margin:0 auto 0 auto;
	width:1024px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#nav{
	background-color:#006;
	text-align:center;
}
#nav ul{
	list-style-type:none;
}
#nav ul li{
	display:inline-block;
	width:250px;
	height:30px;
	text-align:center;
}
#nav ul li a{
	width:100%;
	display:block;
	height:24px;
	background-color:#CCC;
	text-decoration:none;
	padding-top:6px;
}
#nav ul li a:hover{
	background-color:#0F9;
}

#content{
	margin:0 auto 0 auto;
	width:800px;
	background-color:#eee;
	height:400px;
	border:1px solid #ccc;
}

#sisteAnbud{
	float:left;
	width:400px;
}
#sisteAnbefaling{
	float:left;
	width:400px;
}

#footer{
	clear:both;
	text-align:center;
	font-weight:bold;
}
</style>
</head>

<body>
<div id="wrapper">

<header>
<hgroup>
<h1>MittWeb-anbud.no</h1>
<h2>"F&aring; koden bort"</h2>
</hgroup>
</header><!--header-->

<div id="nav">
	<ul>
    	<li><a href="">Forside</a></li> <!-- forside -->
    	
        <li><a style="cursor: pointer; cursor: hand" id="regAnbud">Register nytt anbud! </a>
			<div id="dialogAnbud" title="Register nytt anbud!">	
			<form id="formNyttAnbud" onsubmit="return false;">
				<input type="text" class="isFilled" name="title" value="Tittel" id="title" /> <br />
				<input type="text" class="isFilled" name="description" value="Beskrivelse" /> <br />
				<input type="text" class="isFilled" name="deadline" value="deadline" /> <br />
				<input type="text" class="isFilled" name="bid" value="bid" /> <br />
				<input type="text" class="isFilled" name="attachment" value="Attachment" /> <br />
				<br /><br />
				<input type="button" value="Lagre anbud" onclick="javascript:nyttAnbud(this.form);"/> 
			</form>
			</div><!-- regAnbud -->
		</li>
		
        <li><a id="regUser" style="cursor: pointer; cursor: hand">Register ny bruker! </a>
			<div id="dialogUser" title="Register ny bruker!">		
			<form id="formRegUser" onsubmit="return false;">
				<input type="text" class="isFilled" name="username" value="Brukernavn" id="username" /> <br />
				<input type="radio" name="usrtype" value="customer" id="usrtype1" /> Kunde
				<input type="radio" name="usrtype" value="developer" id="usrtype2" /> Utvikler <br /><br />
				<fieldset style="width: 215px; margin: 0; padding: 2px 3px 2px 0;"> <legend>Passord x 2:</legend>
				<input type="password" name="password" id="password"/> <br />
				<input type="password" name="password2" id="password2" /> <br />
				</fieldset> <br />
				<input type="text" class="isFilled" name="firstname" value="Fornavn" id="firstname" /> <br />
				<input type="text" class="isFilled" name="surname" value="Etternavn" id="surname"/> <br />
				<input type="email" class="isFilled" name="email" value="E-post" id="email" /> <br />
				<input type="tel" class="isFilled" name="telephone" value="Telefon" id="telephone" /> <br />
				<input type="url" class="isFilled" name="imageurl" value="BildeURL" id="imageurl" /> <br />
				<input type="url" class="isFilled" name="website" value="Hjemmeside" id="website" /> <br />		
				<br /><br />
				<input type="button" value="Lagre bruker" onclick="javascript:saveUser(this.form);"/> 
			</form>
			</div>
		</li><!-- regbruker -->
     </ul> 
</div><!--nav-->

<div id="content">

	<div id="sisteAnbud">
	<h3>Siste registrerte anbud</h3>
    	<div id="" class="anbud"> <!--php loop-->
        	<h4>Eg treng ein nett-utviklar</h4>
            <p>Hei, eg sko så gjerne ha flytta på all spindelveven i garasjen, men eg er ikkje rette mann for saka. Eg treng derfor hjelp av ein såkalla dåttnett utviklar får å vikla ut alle dei fæle edderkoppnettan.</p>
        </div><!--anbud-->
    </div><!--sisteAnbud-->
    
    <div id="sisteAnbefaling">
    <h3>Siste anbefalinger</h3>
    <div id="" class="anbefaling"> <!--php loop-->
        	<h4>Microsoft</h4>
            <p>Disse karane er ikkje til å stole på. Dei kom og sa til meg at eg ikkje trengte ein nettutviklar for å fjerne all spindelveva. Terningkast 1 i mi bok!</p>
        </div><!--anbefaling-->
    
    </div><!--sisteAnbefaling-->
    
</div><!--content-->

<div id="footer">
<p>Created by SomeDudes &copy; HIG</p>
</div><!--footer-->


</div><!--wrapper-->

</body>
</html>
